<template>
	<view class="help">
		<view class="help-connet">
			<view class="help-connet-title">
				<view class="help-connet-title-part">
					<text>{{pageData.article_title}}</text>
				</view>
			</view>
			<!-- 使用 v-html解析富文本字节平台报错 -->
			<!-- <view class="help-connet-text" v-show="pageData.content" v-html="pageData.content"> -->
			<view class="help-connet-text" v-show="pageData.content">
				<!-- {{pageData.content}} -->
				<u-parse :html="pageData.content"></u-parse>
			</view>
		</view>
		<view class="help-bottom">
			<view class="help-bottom-tips">
				<text>如果以上内容无法解决您的问题可以咨询客服</text>
			</view>
			<!-- <view class="help-bottom-buttom">
				<view class="help-bottom-buttom-part">
					<button open-type="contact"
						style="width: 280rpx; background-color: initial;display: flex;justify-content: center;align-items: center;">
						<text style="font-size: 32rpx; color: red;">客服咨询</text>
					</button>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageData: {},
				id: 0,
			}
		},
		onLoad(options) {
			console.log(options);
			if (options.id) this.id = options.id;
			this.$http("GET", "Help/getCommonProblemById", {
				id: options.id
			}).then(res => {
				this.pageData = res.data.data;
				console.log(this.pageData.content);
			})
		},
		onShareAppMessage() {
			return {
				title: "挺想租 | 租好物分享新生活 帮助中心",
				desc: this.pageData.article_title,
				path: this.$mp.page.route + "?id=" + this.id,
			}
		},
	}
</script>

<style>
	page {
		width: 100%;
		height: 100%;
	}

	button::after {
		border: none;
	}

	.help {
		width: 100%;
		height: 100%;
	}

	.help-connet {
		width: 100%;
		height: 100%;
	}

	.help-connet-title {
		width: 100%;
		height: 120rpx;
		/* 		font-size: 38rpx;
		font-weight: 600;
		margin-left: 40rpx; */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.help-connet-title-part {
		width: 90%;
		height: 100%;
		font-size: 38rpx;
		font-weight: 600;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.help-connet-text {
		width: 90%;
		font-size: 32rpx;
		color: #7f7f7f;
		margin: 0 auto;
	}



	.help-bottom {
		width: 100%;
		height: 180rpx;
		position: relative;
		bottom: 180rpx;
	}

	.help-bottom-tips {
		width: 100%;
		height: 60rpx;
		font-size: 28rpx;
		color: #7f7f7f;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.help-bottom-buttom {
		width: 100%;
		height: calc(100% - 60rpx);
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	.help-bottom-buttom-part {
		width: 280rpx;
		height: 80rpx;
		border-radius: 58rpx;
		border: red solid 2rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: red;
		font-size: 32rpx;
	}
</style>
